<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物详情页</title>
<link href="xiangqing.css" type="text/css" rel="stylesheet">
<script src="xiangqing.js" type="text/javascript" ></script>
</head>
<body>
<div id="main">
    <div id="top">
        <div id="left">
            <div id="mm">
                <div id="mm1"><img src="images3/cate1.jpg" class="cc"></div>
                <div id="mm2"><img src="images3/cate2.jpg" class="cc"></div>
                <div id="mm3"><img src="images3/cate3.jpg" class="cc"></div>
                <div id="mm4"><img src="images3/cate4.jpg" class="cc"></div>
                <div id="mm5"><img src="images3/cate5.jpg" class="cc"></div>
            </div>
            <div>
              <ul id="nn">
                <li id="nn1" onclick="show3(1)"><img src="images3/cate1.jpg" class="ll"/></li>
                <li id="nn2" onclick="show3(2)"><img src="images3/cate2.jpg" class="ll"/></li>
                <li id="nn3" onclick="show3(3)"><img src="images3/cate3.jpg" class="ll"/></li>
                <li id="nn4" onclick="show3(4)"><img src="images3/cate4.jpg" class="ll"/></li>
                <li id="nn5" onclick="show3(5)"><img src="images3/cate5.jpg" class="ll"/></li>
              </ul>
            </div>
          <a href="#">分享&nbsp;&nbsp;&nbsp;</a><a href="#">收藏商品（人气）&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#">举报</a>
        </div>
        <div id="right">
        <table>
          <tr>
            <td colspan="2">这里是商品名称和标签</td>
          </tr>
          <tr>
            <td colspan="2">这里是购物券&nbsp;&nbsp;&nbsp;<a href="#">去刮券</a><img src="jietu/go.png" style="vertical-align:middle"/></td>
          </tr>
          <tr>
            <td class="aa">价格：</td>
            <td></td>
          </tr>
          <tr>
            <td class="aa">促销价：</td>
            <td></td>
          </tr>
          <tr>
            <td class="aa">运费：</td>
            <td></td>
          </tr>
          <tr>
            <td colspan="2" class="aa">月销量：|累计评价：|送积分：</td>
          </tr>
          <tr>
            <td class="aa">重量：</td>
            <td class="aa"><input type="text" size="1"/>克</td>
          </tr>
          <tr>
            <td class="aa">数量：</td>
            <td class="aa"><input type="text" size="5"/>个&nbsp;&nbsp;&nbsp;库存：个</td>
          </tr>
          <tr>
            <td colspan="2"><input type="image" src="jietu/goumai.png"/>&nbsp;&nbsp;&nbsp;<input type="image" src="jietu/jiarugouwuche.png"/></td>
          </tr>
          <tr>
            <td class="aa">服务承诺：</td>
            <td class="aa"><a href="#">正品保证&nbsp;&nbsp;&nbsp;</a><a href="#">极速退款&nbsp;&nbsp;&nbsp;</a><a href="#">赠运费险&nbsp;&nbsp;&nbsp;</a><a href="#">七天无理由退换</a></td>
          </tr>
        </table>
        </div>
    </div><br/>
    <div id="middle">
      <ul id="tab">
        <li id="tab1" onclick="show(1)">第一个蛋糕</li>
        <li id="tab2" onclick="show(2)">第二个蛋糕</li>
        <li id="tab3" onclick="show(3)">第三个蛋糕</li>
        <li id="tab4" onclick="show(4)">第四个蛋糕</li>
      </ul>
      <div id="pic">
        <div id="pic1"><img src="images3/catef1.jpg"/></div>
        <div id="pic2"><img src="images3/catef2.jpg"/></div>
        <div id="pic3"><img src="images3/catef3.jpg"/></div>
        <div id="pic4"><img src="images3/catef4.jpg"/></div>
      </div>
    </div><br/>
    <div id="bottom">
        <div style="border-bottom:1px solid #CCC; height:42px">
          <ul id="ss">
            <li id="ss1" onclick="show2(1)" style="color:red;">商品详情</li>
            <li id="ss2" onclick="show2(2)">累计评价</li>
          </ul>
        </div>
        <div id="tt">
            <div id="tt1">
              这里是商品详情
              <img src="images3/2岁宝宝食谱：枫叶饼干.jpg"/>
              <img src="images3/2岁宝宝食谱：黄桃雪梨布丁.jpg"/>
              <img src="images3/2岁宝宝食谱：焦糖黄桃配冰淇淋.jpg"/>
              <img src="images3/2岁宝宝食谱：京糕酸奶梨.jpg"/>
              <img src="images3/2岁宝宝食谱：驴打滚.jpg"/>
            </div>
            <div id="tt2">这里是评价链接</div>
        </div>      
    </div>
</div>

</body>
</html>
